
    var top1 = document.querySelector('.top_banner')

    var a1 = top1.querySelector('a')
    var i1 = top1.querySelector('i')
    i1.onclick = function () {
        a1.style.display = 'none'
    }
    var erji = document.querySelector('.erji')
    var more = document.querySelector('.more')
    var a2 = more.querySelector('a')
    var span1 = more.querySelector('span')
    more.onmouseover = function(){
        erji.style.display = "block"
        more.style.backgroundColor="#fff"
        a2.style.color = '#cb242b'
        span1.innerHTML = '&#xe733;'
        span1.style.color = '#cb242b'
    }
    more.onmouseout = function(){
        erji.style.display = 'none'
        more.style.backgroundColor=""
        a2.style.color = ''
        span1.innerHTML = '&#xe731;'
        span1.style.color = ''
    }
    erji.onmouseover = function(){
        erji.style.display = "block"
        more.style.backgroundColor="#fff"
        a2.style.color = '#cb242b'
        span1.innerHTML = '&#xe733;'
        span1.style.color = '#cb242b'
    }
    erji.onmouseout = function(){
        erji.style.display = 'none'
        more.style.backgroundColor=""
        a2.style.color = ''
        span1.innerHTML = '&#xe731;'
        span1.style.color = ''
    }

    var fuwu = document.querySelector('.fuwu')
    var span2 = fuwu.querySelector('span')
    fuwu.onmouseover = function(){
        span2.innerHTML = "&#xe733;"
    }
    fuwu.onmouseout = function(){
        span2.innerHTML = "&#xe731;"
    }

    var navigation = document.querySelector('.navigation')
    var span3 = navigation.querySelector('span')
    navigation.onmouseover = function(){
        span3.innerHTML = "&#xe733;"
    }
    navigation.onmouseout = function(){
        span3.innerHTML = "&#xe731;"
    }
    var mobile = document.querySelector('.mobile')
    var span4 = mobile.querySelector('span')
    mobile.onmouseover = function(){
        span4.innerHTML = "&#xe733;"
    }
    mobile.onmouseout = function(){
        span4.innerHTML = "&#xe731;"
    }

    var ipu1  = document.querySelector('.input_text')
    var text1 = document.querySelector('.text')
     
    text1.onmouseover = function(){
       text1.style.border = '1px solid #ddcfcf'
    }
    text1.onmouseout = function(){
        text1.style.border = ''
      }
     text1.onfocus = function(){
        text1.style.border = '1px solid #ddcfcf'
        text1.onmouseout = null
     }
     text1.onblur = function(){
        text1.style.border = ''
        text1.onmouseout = function(){
            text1.style.border = ''
          }
     } 
    var a3 = document.querySelector('.button-prev')
    var a4 = document.querySelector('.button-next') 
     
    a3.onmouseover = function(){
        a3.style.backgroundPositionX = "-254px"
    }
    a3.onmouseout = function(){
        a3.style.backgroundPositionX = "0px"
        a3.style.backgroundPositionY = "-75px"
    }
    a4.onmouseover = function(){
        a4.style.backgroundPositionX = "-170px"
    }
    a4.onmouseout = function(){
        a4.style.backgroundPositionX = "-85px"
        a4.style.backgroundPositionY = "-75px"
    }
    

